<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>爱游网</title>
    <link rel="stylesheet" href="./css/base.css" />
    <link rel="stylesheet" href="./css/style.css" />
    <link rel="stylesheet" href="./css/public.css" />
    <link rel="stylesheet" href="./fonts/iconfont.css" />
    <link rel="stylesheet" href="./css/swiper-bundle.min.css" />
  </head>
  <body>
    <div class="top">
      <div class="w">
        <div class="logo fl">
          <img src="./images/logo.jpg" alt="" />
        </div>
        <div class="num fr">
          <span class="iconfont">&#xe65b; 000-0000000</span>
        </div>
      </div>
    </div>
    <div class="nav">
      <div class="nav_menu w">
        <div class="menu_item">
          <a href="./首页.html" class="cur home">首页</a>
          <a href="./首页.html" class="cur web_home">首页</a>
        </div>
        <div class="menu_item">
          <a href="./旅游攻略.html" class="home">旅游攻略</a>
          <a href="./旅游攻略.html" class="web_home">旅游攻略</a>
        </div>
        <div class="menu_item">
          <a href="./精选路线.html" class="home">精选路线</a>
          <a href="./精选路线.html" class="web_home">精选路线</a>
        </div>
        <div class="menu_item">
          <a href="./定制游.html" class="home">定制游</a>
          <a href="./定制游.html" class="web_home">定制游</a>
        </div>
        <div class="menu_item">
          <a href="./周边游.html" class="home">周边游</a>
          <a href="./周边游.html" class="web_home">周边游</a>
        </div>
        <div class="search-box">
          <input
            type="text" class="search-txt"
            placeholder="热门搜索：欧洲、美洲、中东非、澳新、马代.."
          />
          <a href="#" class="search-btn">
            <i class="iconfont icon-search" aria-hidden="true">&#xe78b;</i>
          </a>
        </div>
        </div>
    </div>
    <div class="bg">
      <div class="bg_pr w">
        <div class="bg-l">
          <a href="#" class="a1">钜惠自由行</a>
          <a href="#">跟团畅游行</a>
        </div>
        <div class="bg-c">
          <div class="form">
            <input type="text" placeholder="请输入目的地、主题或景区名" />
            <div class="search">搜索</div>
          </div>
          <div class="tit">
            <div class="news_text">
              <a href="#">热搜景点</a>
              <a href="#">上海迪士尼</a><span>|</span>
              <a href="#">长隆野生动物园</a><span>|</span>
              <a href="#">长隆水上乐园</a><span>|</span>
              <a href="#">上海野生动物园</a>
            </div>
            <div class="news_text">
              <a href="#">热搜玩法</a>
              <a href="#">三亚呀诺达探秘丛林风光五日游</a><span>|</span>
              <a href="#">香港铜锣湾处处风情5日休闲游</a>
            </div>
          </div>
          <div class="imgs_box">
            <img src="./images/index16.jpg" alt="" />
          </div>
          <div class="lis">
            <div class="lis1">
              <span class="iconfont fl">&#xe629;</span>
              <h4 class="fl">阳光行程</h4>
              <span class="iconfont fl">&#xe643;</span>
              <h4 class="fl">阳光价格</h4>
              <span class="iconfont fl">&#xe65b;</span>
              <h4 class="fl">阳光服务</h4>
              <a href="#" class="fr">更多优惠套餐<span>></span></a>
            </div>
          </div>
        </div>
      </div>
      <div class="swiper-container">
        <div class="swiper-wrapper">
          <div class="swiper-slide">
            <img src="./images/x轮播图1.jpg" alt="" />
          </div>
          <div class="swiper-slide">
            <img src="./images/x轮播图2.jpg" alt="" />
          </div>
          <div class="swiper-slide">
            <img src="./images/x轮播图3.jpg" alt="" />
          </div>
          <div class="swiper-slide">
            <img src="./images/x轮播图4.jpg" alt="" />
          </div>
        </div>
      </div>
    </div>
    <div class="w">
      <div class="pic">
        <div class="pic1"><img src="./images/index3.jpg" alt="" /></div>
        <div class="pic2"><img src="./images/index4.jpg" alt="" /></div>
        <div class="pic3">
          <div class="tt"><img src="./images/index5.jpg" alt="" /></div>
          <div class="tb"><img src="./images/index6.jpg" alt="" /></div>
        </div>
      </div>
    </div>
    <div class="w">
      <div class="list">
        <div class="lis1"><img src="./images/index7.jpg" alt="" /></div>
        <div class="lis2"><img src="./images/index8.jpg" alt="" /></div>
        <div class="lis3"><img src="./images/index9.jpg" alt="" /></div>
        <div class="lis4"><img src="./images/index10.jpg" alt="" /></div>
      </div>
    </div>
    <!-- 国内旅游 -->
    <div class="w china">
      <div class="title">国内旅游</div>
      <div class="shan">
        <img src="./images/index11.jpg" alt="" />
      </div>
      <div class="zhangye">
        <div class="zhangye_img">
          <img src="./images/index12.jpg" alt="" />
          <div class="zz">张掖-黑水城-额济纳胡杨林-巴丹吉林沙漠6日游</div>
        </div>
        <div class="zhangye_text">
          <ol>
            <li>
              <a href="./详情页.html"
                >1.七彩张掖+额济纳旗金色胡杨林，拍摄者的天堂</a
              >
            </li>
            <li>
              <a href="./detail.html"
                >2.连住三晚额济纳旗，胡杨林深度一日游，充足时间拍摄金秋胡杨林！</a
              >
            </li>
            <li>
              <a href="./detail.html"
                >3.西夏古城黑水城遗址，重回千年前的塞北丝路</a
              >
            </li>
          </ol>
        </div>
      </div>
      <div class="fengjing">
        <ul>
          <li>
            <div class="fengjing_img">
              <img src="./images/index13.jpg" alt="" />
            </div>
            <div class="fengjing_text">
              <p>张掖-黑水城-额济纳胡杨林-巴丹吉林沙漠6日游</p>
              <p>￥1499<i>￥0.00</i></p>
            </div>
          </li>
          <li>
            <div class="fengjing_img">
              <img src="./images/index14.jpg" alt="" />
            </div>
            <div class="fengjing_text">
              <p>张掖-黑水城-额济纳胡杨林-巴丹吉林沙漠6日游</p>
              <p>￥1499<i>￥0.00</i></p>
            </div>
          </li>
          <li>
            <div class="fengjing_img">
              <img src="./images/index15.jpg" alt="" />
            </div>
            <div class="fengjing_text">
              <p>张掖-黑水城-额济纳胡杨林-巴丹吉林沙漠6日游</p>
              <p>￥1499<i>￥0.00</i></p>
            </div>
          </li>
          <li>
            <div class="fengjing_img">
              <img src="./images/index16.jpg" alt="" />
            </div>
            <div class="fengjing_text">
              <p>张掖-黑水城-额济纳胡杨林-巴丹吉林沙漠6日游</p>
              <p>￥1499<i>￥0.00</i></p>
            </div>
          </li>
        </ul>
      </div>
    </div>
    <!-- 国外旅游 -->
    <div class="w abroad">
      <div class="title">国外旅游</div>
      <div class="sea">
        <img src="./images/index16.jpg" alt="" />
      </div>
      <div class="fengjing">
        <ul>
          <li>
            <div class="fengjing_img">
              <img src="./images/index18.jpg" alt="" />
            </div>
            <div class="fengjing_text">
              <p>张掖-黑水城-额济纳胡杨林-巴丹吉林沙漠6日游</p>
              <p>￥1499<i>￥0.00</i></p>
            </div>
          </li>
          <li>
            <div class="fengjing_img">
              <img src="./images/index19.jpg" alt="" />
            </div>
            <div class="fengjing_text">
              <p>张掖-黑水城-额济纳胡杨林-巴丹吉林沙漠6日游</p>
              <p>￥1499<i>￥0.00</i></p>
            </div>
          </li>
          <li>
            <div class="fengjing_img">
              <img src="./images/index20.jpg" alt="" />
            </div>
            <div class="fengjing_text">
              <p>张掖-黑水城-额济纳胡杨林-巴丹吉林沙漠6日游</p>
              <p>￥1499<i>￥0.00</i></p>
            </div>
          </li>
          <li>
            <div class="fengjing_img">
              <img src="./images/index21.jpg" alt="" />
            </div>
            <div class="fengjing_text">
              <p>张掖-黑水城-额济纳胡杨林-巴丹吉林沙漠6日游</p>
              <p>￥1499<i>￥0.00</i></p>
            </div>
          </li>
          <li>
            <div class="fengjing_img">
              <img src="./images/index22.jpg" alt="" />
            </div>
            <div class="fengjing_text">
              <p>张掖-黑水城-额济纳胡杨林-巴丹吉林沙漠6日游</p>
              <p>￥1499<i>￥0.00</i></p>
            </div>
          </li>
          <li>
            <div class="fengjing_img">
              <img src="./images/index20.jpg" alt="" />
            </div>
            <div class="fengjing_text">
              <p>张掖-黑水城-额济纳胡杨林-巴丹吉林沙漠6日游</p>
              <p>￥1499<i>￥0.00</i></p>
            </div>
          </li>
        </ul>
      </div>
    </div>

    <div class="bear">
      <div class="box_box"></div>
    </div>

    <!-- 页脚 -->
    <div class="footer">
      <div class="w">
        <div class="fo1">
          <span class="iconfont">&#xe629;</span>
          <h2>阳光行程</h2>
          <p>透明公开</p>
        </div>
        <div class="fo2">
          <span class="iconfont">&#xe643;</span>
          <h2>阳光价格</h2>
          <p>明码实价</p>
        </div>
        <div class="fo3">
          <span class="iconfont">&#xe63b;</span>
          <h2>阳光服务</h2>
          <p>专属客服</p>
        </div>
        <div class="fo4">
          <span class="iconfont">&#xe65b;</span>
          <h2>服务电话</h2>
          <p>000-000-0000</p>
        </div>
      </div>
    </div>
    <div class="footb">
      <div class="w">
        <dl class="fl">
          <dt>去旅游</dt>
          <dd>跟团游</dd>
          <dd>海岛游</dd>
          <dd>门票</dd>
          <dd>机票+酒店</dd>
          <dd>客服推荐</dd>
        </dl>

        <dl class="fl">
          <dt class="ddt">去旅游</dt>
          <dd>跟团游</dd>
          <dd>海岛游</dd>
          <dd>门票</dd>
          <dd>机票+酒店</dd>
          <dd>客服推荐</dd>
        </dl>

        <dl class="fl">
          <dt class="ddt">去旅游</dt>
          <dd>去旅游</dd>
          <dd>海岛游</dd>
          <dd>门票</dd>
          <dd>机票+酒店</dd>
          <dd>客服推荐</dd>
        </dl>
        <div class="bx"></div>
        <dl class="fl">
          <dt>找优惠</dt>
          <dd>去旅游</dd>
          <dd>海岛游</dd>
          <dd>门票</dd>
          <dd>机票+酒店</dd>
          <dd>客服推荐</dd>
        </dl>
        <div class="bx1"></div>
        <dl class="fl">
          <dt>看攻略</dt>
          <dd>去旅游</dd>
          <dd>海岛游</dd>
          <dd>门票</dd>
          <dd>机票+酒店</dd>
          <dd>客服推荐</dd>
        </dl>
        <div class="bx1"></div>
        <dl class="fl">
          <dt>查服务</dt>
          <dd>去旅游</dd>
          <dd>海岛游</dd>
          <dd>门票</dd>
          <dd>机票+酒店</dd>
          <dd>客服推荐</dd>
        </dl>
        <div class="bx1"></div>
      </div>
    </div>
    <script src="./js/swiper-bundle.min.js"></script>
    <script>
      var mySwiper = new Swiper(".swiper-container", {
        direction: "horizontal", // 垂直切换选项
        loop: true, // 循环模式选项
        autoplay: true,
        // 如果需要分页器
        pagination: {
          el: ".swiper-pagination",
        },
      });
    </script>
  </body>
</html>
